Use color swatches to showcase colors used for a particular project. Color swatches can be display along with a title and hex values.
To insert a color swatch, start by clicking the button "Backend Editor" button then click the "+"(Add Element) button, for example:
Click "Color Swatch" in the Visual Composer Modal to insert a color swatch, for example:
Once the color swatche element has been inserted click the Edit Link(pen icon) of the color swatch wrapper, for example:
Here is an overview of available color swatch options:
Whether color swatches should be left, center or right aligned.
If you wish to style this component differently, then use the extra class name field to add one or several class names and then refer to it in your css file.
[text* name placeholder "Name"]
[email* email placeholder "Email"]
[select* select-project-budget class:select "Select" "$1000" "$2000" "$3000+"]
[text* subject placeholder "Subject"]
[radio radio-site default:1 "I need a new site" "I need my site reworked"]
[tel telephone placeholder "Telephone"]
[number number min:0 max:10 placeholder "0"]
[file file-896 limit:2000 filetypes:jpg]
[date date placeholder "date"]
[textarea* message placeholder "Message"]
[checkbox* newsletter "Subscribe to our newsletter"]
[submit "Send"]
Can't find what you're looking for? Submit a request in our forum.